<template>
	<div class="order">
		<div class="header">订单</div>
		<div class="content">
			<div class="img">
				<img src="./order.png" width="130" height="130">
			</div>
			<div class="info">登陆后查看外卖订单</div>
			<div class="login" @click="jumpToLogin">立即登录</div>
		</div>
	</div>
</template>

<script>
	export default{
		methods: {
			jumpToLogin() {
				this.$router.push('./login')
			}
		}
	}
</script>

<style lang="stylus" scoped>
	@import "~common/stylus/mixin.styl"
	.order
		width 100%
		height 100%
		.header
			width 100%
			height 40px
			background-color $yellow
			text-align center
			color $text
			font-size 16px
			line-height 40px
		.content
			width 100%
			margin 150px 0
			.img
				margin 0 auto
				img
					display block
					margin 0 auto
			.info
				text-align center
				font-size 14px
				line-height 32px
				color $darktext		
			.login
				margin 0 auto
				width 60px
				padding 0 10px
				font-size 14px
				line-height 32px
				border-radius 5px
				color $text
				background-color $yellow
				
</style>